﻿@namespace MudBlazor.Docs.Examples


<MudPaper Class="d-flex justify-start py-2 px-1">
    <MudPaper Class="pa-2 mx-2 mud-theme-primary">Flex Item 1</MudPaper>
    <MudPaper Class="pa-2 mx-2 mud-theme-secondary">Flex Item 2</MudPaper>
    <MudPaper Class="pa-2 mx-2 mud-theme-info">Flex Item 3</MudPaper>
</MudPaper>

<MudPaper Class="d-flex justify-end py-2 px-1 mt-6">
    <MudPaper Class="pa-2 mx-2 mud-theme-primary">Flex Item 1</MudPaper>
    <MudPaper Class="pa-2 mx-2 mud-theme-secondary">Flex Item 2</MudPaper>
    <MudPaper Class="pa-2 mx-2 mud-theme-info">Flex Item 3</MudPaper>
</MudPaper>

<MudPaper Class="d-flex justify-center py-2 px-1 mt-6">
    <MudPaper Class="pa-2 mx-2 mud-theme-primary">Flex Item 1</MudPaper>
    <MudPaper Class="pa-2 mx-2 mud-theme-secondary">Flex Item 2</MudPaper>
    <MudPaper Class="pa-2 mx-2 mud-theme-info">Flex Item 3</MudPaper>
</MudPaper>

<MudPaper Class="d-flex justify-space-between py-2 px-1 mt-6">
    <MudPaper Class="pa-2 mx-2 mud-theme-primary">Flex Item 1</MudPaper>
    <MudPaper Class="pa-2 mx-2 mud-theme-secondary">Flex Item 2</MudPaper>
    <MudPaper Class="pa-2 mx-2 mud-theme-info">Flex Item 3</MudPaper>
</MudPaper>

<MudPaper Class="d-flex justify-space-around py-2 px-1 mt-6">
    <MudPaper Class="pa-2 mx-2 mud-theme-primary">Flex Item 1</MudPaper>
    <MudPaper Class="pa-2 mx-2 mud-theme-secondary">Flex Item 2</MudPaper>
    <MudPaper Class="pa-2 mx-2 mud-theme-info">Flex Item 3</MudPaper>
</MudPaper>

